<div class="animated-banner">
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/18e14b236c8c0478b9f126b53dc149718c8277d6.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/2c048730ce3449400cd657650f5f2e68e2fa5ef5.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/582b9609daf669327c460af63776f5f0c14b5c26.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/f5fcc108b811577571e3f54d6d46df58a9f553ed.png@1c.webp"
            data-height="300" data-width="3200" height="164" width="1750"
            style="height: 164.129px; width: 1750.71px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/4367bada261c826302101afa18fe41e86f545099.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/0ebcccd16a9fe9bb551e213de4eaf3cd5a24c8ff.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/21a613a7457891ed7daa559b03191df7bf551362.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(107.355px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/83b58af34fc683e529962449078a3ded7f1d2e80.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/6683112849dadee65749c4f7f72b83c9a9f8f537.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/93ab310ca3e2a24489aa1873865501adb3f81393.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(10.7355px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/064a75156c568aa6a9982e2c983d2a30cb86ea94.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/7bb79a88a5c61724c7fd2ab009f462b744ba5b29.png@1c.webp"
            data-height="300" data-width="3200" height="164" width="1750"
            style="height: 164.129px; width: 1750.71px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/1b6718fe3996574889da7ef1b9c29a566fe963f4.png@1c.webp"
            data-height="300" data-width="3200" height="167" width="1783"
            style="height: 167.226px; width: 1783.74px; transform: translate(0px, 1.11484px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/c31995a7a80e459e165ae4ef60e323e27f497420.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/4a66f79212d4c6182a8e10a1eb0424f3d7c79120.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/30ccbdfe561bcd18a7ee457bd151b55da7a3dd3c.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, -10.7355px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/20ccfde3e5606d223ab230a78234e4f9ac140371.png@1c.webp"
            data-height="129" data-width="200" height="69" width="107"
            style="height: 69.2439px; width: 107.355px; transform: translate(268.387px, 10.7355px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/d562864113a6e6cce54b41745132a974b4576c3c.png@1c.webp"
            data-height="164" data-width="256" height="88" width="137"
            style="height: 88.031px; width: 137.414px; transform: translate(107.355px, 10.7355px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/ab4fbaed481d880a618e52f97e7e1f6e5c8b7f7c.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><video loop="" src="blob:https://www.bilibili.com/c9b756d9-83e5-4f4a-97f5-16d0f6d7af12"
            playsinline="" width="1717" height="161"
            style="object-fit: cover; height: 161.032px; width: 1717.68px; transform: translate(0px, 10.7355px) rotate(0deg) scale(1); opacity: 1;"
            data-height="300" data-width="3200"></video></div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/57f20e919517fc784f1e03900140274cfea2cb85.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/670d70b0351582e5b53855ddbf50600c03425062.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
</div>